<template>
    <el-aside width=220px style="background-color: #f3f3f4">
        <el-menu default-active="2">
            <el-menu-item v-model="mark" index="1" @click="Toleadinfo"><i class="el-icon-menu"></i>
                <span >数目统计</span>
            </el-menu-item>
            <el-menu-item v-model="mark" index="2" @click="Toleadteacher"><i class="el-icon-s-custom"></i>
                <span>教师信息</span>
            </el-menu-item>
            <el-menu-item v-model="mark" index="3" @click="Toleadthesis"><i class="el-icon-s-custom"></i>
                <span>论文信息</span>
            </el-menu-item>
            <el-menu-item v-model="mark" index="4" @click="Toleadproject"><i class="el-icon-s-custom"></i>
                <span>科研项目</span>
            </el-menu-item>
            <el-menu-item v-model="mark" index="5" @click="ToleadOpus"><i class="el-icon-s-custom"></i>
                <span>著作信息</span>
            </el-menu-item>
            <el-menu-item v-model="mark" index="6" @click="ToleadPatent"><i class="el-icon-s-custom"></i>
                <span>专利信息</span>
            </el-menu-item>
            <el-menu-item v-model="mark" index="8" @click="ToleadTeachWork"><i class="el-icon-s-custom"></i>
                <span>教学安排</span>
            </el-menu-item>
        </el-menu>
    </el-aside>
</template>

<script>
import 'element-ui/lib/theme-chalk/index.css';
export default {
    name: "LeaderAside",
    data() {
        return {
            mark: ''
        }

    }, mounted() {
        this.mark = this.$store.state.Mark

    },methods:{
        Toleadinfo(){
            this.$router.push({
                path: '/Leaderinfo'
            })
        },
        Toleadteacher(){
            this.$router.push({
                path: '/Leaderteacher'
            })
        },
        Toleadthesis() {
            this.$router.push({
                path: '/Leaderthesis'
            })
        },
           Toleadproject() {
            this.$router.push({
                path: '/Leaderproject'
            })
        },
           ToleadOpus() {
            this.$router.push({
                path: '/LeaderOpus'
            })
        },
           ToleadPatent() {
            this.$router.push({
                path: '/LeaderPatent'
            })
        },
           ToleadTeachWork() {
            this.$router.push({
                path: '/LeaderTeachWork'
            })
        }
    }
}
</script>

<style>
.el-aside {
    margin-top: 1%;
    height: 50%;
    color: #333;
    border-radius: 2%;
}

.el-aside::-webkit-scrollbar {
    display: none;
}
</style>